import { createApp } from 'vue'
import Dialog from './index.vue'
export default ({
  content,
  title,
  width,
  height,
  showCancelButton,
  showOk
}) => {
  const vm = document.createElement('div');
  // 创建 Vue 应用实例并挂载到 DOM
  const app = createApp(Dialog, {
    content,
    title,
    width,
    height,
    showCancelButton,
    showOk
  });
  app.mount(vm);
  // 将 vm 插入到 body 中
  document.body.appendChild(vm);
  const clean = {
    cleanFn: (durations = 4000) => {
      setTimeout(() => {
        // 从 DOM 中移除组件的 DOM 元素
        document.body.removeChild(vm);
        // 卸载 Vue 实例，清理 Vue 相关资源
        app.unmount();
      }, durations);
    }
  };
  return clean;
};
